<ui:composition
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions">

	<h:form id="formConsultarIndicador">
		<p:panelGrid id="panelIndicador" style="width:100%;">
			<f:facet name="header">
				<p:row>
					<p:column colspan="4">Consultar Indicador</p:column>
					<p:column >
						<p:commandButton id="buttonNewInd" value="Nuevo" update="@form:pnlIndicadorNew" icon="ui-icon-document"  action="#{controladorIndicador.nuevoIndicador()}" oncomplete="PF('dlgIndicadorNew').show();" />  
					</p:column>
				</p:row>
			</f:facet>
			<p:row>
				<p:column>
					<h:outputLabel value="Id Objetivo" />
				</p:column>
				<p:column>
					<p:inputText value="#{controladorIndicador.objetivo.nidObjetivo}" readonly="true"/>
				</p:column>
				<p:column>
					<h:outputLabel value="Id Indicador" />
				</p:column>
				<p:column>
					<p:inputText value="#{controladorIndicador.indicador.nidIndicador}" />
				</p:column>
				<p:column >
					<p:commandButton update="@form:indicadoresTabla" id="consultarInd" value="Buscar" icon="ui-icon-search" />
				</p:column>
			</p:row>
			<p:row>
				<p:column >
					<h:outputLabel value="Nombre Indicador" />
				</p:column>
				<p:column>
					<p:inputText value="#{controladorIndicador.indicador.txtIndicador}"	size="120" />
				</p:column>
				<p:column colspan="2">
				</p:column>
				<p:column >
					<p:commandButton update="@form:panelIndicador" id="consultarNewIndicador" value="Limpiar" />
				</p:column>
			</p:row>
		</p:panelGrid>
		<br/><br/>
		<p:dataTable id="indicadoresTabla" var="ind"
						value="#{controladorIndicador.indicadores}" editable="false"
						paginator="true" rows="10" 
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}">
			<p:column>
				<f:facet name="header">
					<h:outputText value="Opciones" />
				</f:facet>		
				<p:commandButton  icon="ui-icon-search" title="Ver" oncomplete="PF('dlgIndicadorVer').show();" update="@form:pnlIndicadorVer">
					<f:setPropertyActionListener target="#{controladorIndicador.indicadorVer}" value="#{obj}" />
				</p:commandButton>
				<p:commandButton  icon="ui-icon-pencil" title="Editar" oncomplete="PF('dlgIndicadorEditar').show();" update="@form:pnlIndicadorEditar" >
					<f:setPropertyActionListener target="#{controladorIndicador.indicadorEditar}" value="#{obj}" />
				</p:commandButton>
			</p:column>
			<p:column>
				<f:facet name="header">
					<h:outputText value="Código" />
				</f:facet>
				<h:outputText value="#{ind.nidIndicador}"  />
			</p:column>

			<p:column>
				<f:facet name="header">
					<h:outputText value="Objetivo" />
				</f:facet>
				<h:outputText value="#{ind.objetivo.txtObjetivo}"  />
			</p:column>
			
			<p:column>
				<f:facet name="header">
					<h:outputText value="Indicador Asociado" />
				</f:facet>
				<h:outputText value="#{ind.txtIndicador}"  />
			</p:column>
			<p:column>
				<f:facet name="header">
					<h:outputText value="Medios de Verificacion" />
				</f:facet>
				<h:outputText value="#{ind.txtMedioVerificacion}"  />
			</p:column>
			<p:column>
				<f:facet name="header">
					<h:outputText value="Estado" />
				</f:facet>
				<h:selectOneMenu value="#{ind.flgActivo}" disabled="true">
					<f:selectItem itemLabel=" " itemValue="000" />
					<f:selectItems value="#{controladorIndicador.estadoIndicador}" var="estadoIndicador" itemLabel="#{estadoIndicador.txtParametro}" itemValue="#{estadoIndicador.codParametro}"></f:selectItems>
				</h:selectOneMenu>
			</p:column>
		</p:dataTable>
		
		<!-- Dialog View -->
		<p:dialog id="modalIndicadorVer" header="Indicador" widgetVar="dlgIndicadorVer" modal="false" height="250" style="background-color: white;">
			<p:panelGrid id="pnlIndicadorVer" style="width:100%;">
				<p:row>
					<p:column >
						<h:outputLabel value="Nombre Indicador" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtIndicador}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Medio de Verificacion" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtMedioVerificacion}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Tipo de Indicador PP" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.tipUnidadMedida}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Descripcion" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtDescripcion}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Metodo de calculo" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtMetodoCalculo}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Responsable de la Medicion" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtResponsable}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Fuente de Procesamiento" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtFteProcesamiento}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Periocidad de Medicion" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.codPeriodo}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Oportunidad de Calculo" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtOportunidadCalculo}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Posibles Interpretaciones" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtInterpretacion}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Riesgos" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtRiesgo}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Acciones Correctivas" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtAccionCorrectiva}"	size="120" readonly="true"/>
					</p:column>
				</p:row>

				<f:facet name="footer">
					<p:row>
						<p:column colspan="2">
							<div align="center">
								<p:commandButton id="buttonCancelarIndicador" onclick="PF('dlgIndicadorVer').hide();" value="Cancelar" icon="ui-icon-closethick" />
							</div>
						</p:column>
					</p:row>
				</f:facet>
			</p:panelGrid>
		</p:dialog>
		
		<!-- Dialog New -->
		<p:dialog id="modalIndicadorNuevo" header="Indicador" widgetVar="dlgIndicadorNuevo" modal="false" height="250" style="background-color: white;" >
			<p:panelGrid id="pnlIndicadorNuevo" style="width:100%;">
				<p:row>
					<p:column >
						<h:outputLabel value="Nombre Indicador" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorNuevo.txtIndicador}"	size="120" />
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Medio de Verificacion" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorNuevo.txtMedioVerificacion}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Tipo de Indicador PP" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorNuevo.tipUnidadMedida}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Descripcion" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorNuevo.txtDescripcion}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Metodo de calculo" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorNuevo.txtMetodoCalculo}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Responsable de la Medicion" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorNuevo.txtResponsable}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Fuente de Procesamiento" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorNuevo.txtFteProcesamiento}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Periocidad de Medicion" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.codPeriodo}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Oportunidad de Calculo" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtOportunidadCalculo}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Posibles Interpretaciones" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtInterpretacion}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Riesgos" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtRiesgo}"	size="120" readonly="true"/>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Acciones Correctivas" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.indicadorVer.txtAccionCorrectiva}"	size="120" readonly="true"/>
					</p:column>
				</p:row>

				
				<f:facet name="footer">
					<p:row>
						<p:column colspan="2">
							<div align="center">
								<p:commandButton oncomplete="PF('dlgIndicadorNew').hide();" update="@form:IndicadorsTabla"  value="Grabar" icon="ui-icon-disk" actionListener="#{controladorIndicador.guardarIndicador}" process="@form"/>
								<p:commandButton id="buttonCancelarIndicadorNew" onclick="PF('dlgIndicadorNew').hide();" value="Cancelar" icon="ui-icon-closethick" />
							</div>
						</p:column>
					</p:row>
				</f:facet>
			</p:panelGrid>
		</p:dialog>
		
		<!-- Dialog Edit -->
		<p:dialog id="modalIndicadorEdit" header="Indicador" widgetVar="dlgIndicadorEdit" modal="false" height="250" style="background-color: white;">
			<p:panelGrid id="pnlIndicadorEdit" style="width:100%;">
				<p:row>
					<p:column >
						<h:outputLabel value="Nombre" />
					</p:column>
					<p:column>
						<p:inputText value="#{controladorIndicador.IndicadorEdit.txtIndicador}"	size="120" />
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Tipo Indicador" />
					</p:column>
					<p:column>
						<h:selectOneMenu id="selectIndicadorEdit" value="#{controladorIndicador.IndicadorEdit.tipIndicador}" valueChangeListener="#{controladorIndicador.changeIndicadorEdit}">
							<f:selectItems value="#{controladorIndicador.tipoIndicador}" var="tipoIndicador" itemLabel="#{tipoIndicador.txtParametro}" itemValue="#{tipoIndicador.codParametro}"></f:selectItems>
							<p:ajax update="@form:pnlIndicadorEdit:selectIndicadorPreceEdit"/>
						</h:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Supuesto" />
					</p:column>
					<p:column>
						<p:inputTextarea  rows="4" cols="120" value="#{controladorIndicador.IndicadorEdit.txtSupuesto}" />
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Precedente" />
					</p:column>
					<p:column>
						<h:selectOneMenu id="selectIndicadorPreceEdit" value="#{controladorIndicador.IndicadorEdit.tipIndicadorPrecedente}" readonly="false">
							<f:selectItem itemLabel=" " itemValue="000" />
							<f:selectItems value="#{controladorIndicador.tipoIndicadorPrecedente}" var="tipoIndicadorPrecedente" itemLabel="#{tipoIndicadorPrecedente.txtParametro}" itemValue="#{tipoIndicadorPrecedente.codParametro}"></f:selectItems>
						</h:selectOneMenu>
					</p:column>
				</p:row>
				<p:row>
					<p:column >
						<h:outputLabel value="Activo" />
					</p:column>
					<p:column>
						<h:selectOneMenu value="#{controladorIndicador.IndicadorEdit.flgActivo}">
							<f:selectItems value="#{controladorIndicador.estadoIndicador}" var="estadoIndicador" itemLabel="#{estadoIndicador.txtParametro}" itemValue="#{estadoIndicador.codParametro}"></f:selectItems>
						</h:selectOneMenu>
					</p:column>
				</p:row>
				
				<f:facet name="footer">
					<p:row>
						<p:column colspan="2">
							<div align="center">						
								<p:commandButton oncomplete="PF('dlgIndicadorEdit').hide();" update="@form:IndicadorsTabla"  value="Grabar" icon="ui-icon-disk" actionListener="#{controladorIndicador.actualizarIndicador}" process="@form"/>
								<p:commandButton id="buttonCancelarIndicadorEdit" onclick="PF('dlgIndicadorEdit').hide();" value="Cancelar" icon="ui-icon-closethick" />
							</div>
						</p:column>
					</p:row>
				</f:facet>
			</p:panelGrid>
		</p:dialog>
	</h:form>
</ui:composition>